<!DOCTYPE HTML>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
		<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
		<title>我的优惠券</title>
		<link rel="stylesheet" type="text/css" href="../../css/aui.css" />
		<link rel="stylesheet" type="text/css" href="../../lib/api.css"/>
		<link rel="stylesheet" type="text/css" href="../../lib/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/login/myCoupon.css" />
	</head>

	<body>
		<div id="app" v-cloak>
			<!--公共头部开始-->
			<div class="back-header fixed">
				<a @click="close()" class="back-header-a">
					<i class="fa fa-angle-left fa-2x white middle"></i>
				</a>
				<div class="back-header-main">我的优惠券</div>
			</div>
			<!--公共头部结束-->
			<div class="main">
				<!--订单列表S-->
				<div class="aui-content aui-margin-b-5" v-for="item in couponList">
					<ul class="aui-list aui-media-list">
						<li class="aui-list-item">
							<div class="aui-media-list-item-inner">
								<div class="coupon aui-margin-r-10">
									<div class="coupon-money">
										<i class="fa fa-cny"></i>
										<span class="coupon-money-num">{{item.price}}</span>
										<p class="coupon-money-p">
											满200元可用
										</p>
									</div>
								</div>
								<div class="aui-list-item-inner">
									<div class="aui-list-item-text aui-margin-b-5">
										{{item.name}}
									</div>
									<div v-if="cid" @click="jumpProductMsg(cid, item.coupon_id)"  class="aui-list-item-text aui-margin-b-10 aui-pull-right">
										<span class="coupon_btn">立即使用</span>
									</div>
									<div class="clear"></div>
									<div class="aui-hr aui-margin-b-5"></div>
									<div class="aui-info aui-pull-right" style="padding:0">
										<div class="aui-info-item">{{item.created_at}}</div>
									</div>
								</div>
							</div>
						</li>
					</ul>
				</div>
				<!--订单列表E-->
			</div>
		</div>
	</body>
	<script src="../../script/api.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/vue.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/common/config.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/common/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/user/myCoupon.js" type="text/javascript" charset="utf-8"></script>

</html>